<div class="page">
    <h1>开始使用</h1>
    <div class="line"></div>


    <h2>前置基础组件</h2>
    <br>
    <p>
        <a href="https://www.w3school.com.cn/jquery/index.asp" target="_blank" rel="noopener noreferrer">jQuery </a>&nbsp;&nbsp;
        <span>快速、简洁的Javascript框架，设计宗旨 Write Less, Do More</span>
        <br>
        <br>
        <a href="https://www.layui.com/" target="_blank" rel="noopener noreferrer">layui </a>&nbsp;&nbsp;
        <span>经典模块化前端框架</span>
        <br>
        <br>
        <a href="https://www.thinkcmf.com/font_awesome.html" target="_blank" rel="noopener noreferrer">awesome </a>&nbsp;&nbsp;
        <span>奥森图标,一款惊艳的字体图标！</span>
        <br>
        <br>
        <a href="https://sweetalert.bootcss.com" target="_blank" rel="noopener noreferrer">SweetAlert </a>&nbsp;&nbsp;
        <span>SweetAlert 让弹窗更容易、更美观。</span>
    </p>
    <br>
    <h2>基础组件引用</h2>
    <br>
    <pre class="line-numbers"><code class="language-html">&lt;!-- css 前置引用部分 --&gt;
&lt;link rel="stylesheet" href="./static/libs/sweetalert/sweetalert.css"&gt;
&lt;link rel="stylesheet" href="./static/libs/layui/layui.css"&gt;
&lt;link rel="stylesheet" href="./static/libs/awesome/css/font-awesome.min.css"&gt;

&lt;!-- JS 前置引用部分 --&gt;
&lt;script src="./static/libs/jquery/jquery.js"&gt;&lt;/script&gt;
&lt;script src="./static/libs/jquery/jquery.form.js"&gt;&lt;/script&gt;
&lt;script src="./static/libs/jquery/jquery.mousewheel.js"&gt;&lt;/script&gt;
&lt;script src="./static/libs/sweetalert/sweetalert.min.js"&gt;&lt;/script&gt;
&lt;script src="./static/libs/layui/layui.all.js"&gt;&lt;/script&gt;

&lt;!-- JS 组件引入实体 --&gt;
&lt;script src="./dist/IcloudmapUI.forLayui_v1.0.0.js"&gt;&lt;/script&gt;</code></pre>
    <br>
    <h3>静态引入方式</h3>
    <br>
    <pre class="line-numbers"><code class="language-html">&lt;!-- JS 组件引入实体 --&gt;
&lt;script src="./dist/IcloudmapUI.forLayui_v1.0.0.js"&gt;&lt;/script&gt;</code></pre>

    <br>
    <h3>CommonJs</h3>
    <br>
    <pre class="line-numbers"><code class="language-js">const IcloudmapUI = require('./static/libs/IcloudmapUI.js')</code></pre>

    <br>
    <h3>AMD 引入规范</h3>
    <br>
    <pre class="line-numbers"><code class="language-js">define(['IcloudmapUI'], function(IcloudmapUI){
    // IcloudmapUI 为对象组件实体
})</code></pre>

    <br>
    <h3>CMD 引入规范</h3>
    <br>
    <pre class="line-numbers"><code class="language-js">define(function(require, exports, module){
        var IcloudmapUI = require('./static/libs/IcloudmapUI.js');
})</code></pre>



</div>